<template>
  <div>
    <nav class="Topnav">
      <ul class="ul">
        <li id="m1"><a href="/" class="navA aon">首 页</a></li>
        <li id="m2">
          <a href="/SeekFamily/Emergency" class="navA">紧急寻亲</a>
        </li>
        <li id="m11">
          <a href="/Content/List/e18422c95bdd8043" class="navA">寻亲登记</a>
        </li>
        <li id="m3" class="has_dl">
          <a href="/SeekFamily/FamilySeek" class="navA" >寻亲专区
            <dl>
              <dd><a href="/SeekFamily/FamilySeek">家寻亲人</a><em>|</em></dd>
              <dd><a href="/SeekFamily/SeekFamily">亲人寻家</a><em>|</em></dd>
              <dd>
                <a href="/SeekFamily/RescueStation">救助站专栏</a><em>|</em>
              </dd>
              <dd><a href="/SeekFamily/Police">公安协助专栏</a><em>|</em></dd>
              <dd><a href="/SeekFamily/Abroad">海外寻亲</a><em>|</em></dd>
              <dd><a href="/SeekFamily/ShootOffList">爱心拍客</a></dd>
            </dl>
          </a>

        </li>
        <li id="m4" class="has_dl">
          <a href="/Content/List/44199d9c76b06d7a" class="navA">公益捐助</a>
          <dl>
            <dd>
              <a href="/Content/List/44199d9c76b06d7a">乐捐项目</a><em>|</em>
            </dd>
            <dd>
              <a href="/Content/List/fb1e2b41913f5b6f">个人公益捐</a><em>|</em>
            </dd>
            <dd><a href="/Content/List/484e4e73dcd17362">荣誉榜</a></dd>
          </dl>
        </li>
        <li id="m5" class="has_dl">
          <a href="/Content/List/c7a75f54da6b920a" class="navA">互助社区</a>
          <dl>
            <dd><a href="http://bbs.tianyaxunqin.com/">论坛</a><em>|</em></dd>
            <dd><a href="/Content/List/c7a75f54da6b920a">微信群</a></dd>
          </dl>
        </li>
        <li id="m6" class="has_dl">
          <a href="/Content/List/e5e2df7e4bb9bef7" class="navA">焦点影像</a>
          <dl>
            <dd>
              <a href="/Content/List/68fda43657d38128">善行访谈</a><em>|</em>
            </dd>
            <dd><a href="/Content/List/3225a4f308bc206d"></a><em>|</em></dd>
            <dd><a href="/Content/List/b7e216ef99228a26">视频专区</a></dd>
          </dl>
        </li>
        <li id="m7">
          <a href="/Content/List/752d9efc9da49fc5" class="navA">援助驿站</a>
        </li>
        <li id="m8" class="has_dl">
          <a href="/Content/List/cd72e63effed6bf" class="navA">我们的行动</a>
          <dl>
            <dd>
              <a href="/Content/List/dd131e06f46dc8c2">新闻中心</a><em>|</em>
            </dd>
            <dd>
              <a href="/Content/List/6263d9d5c4cd194b">寻亲喜报</a><em>|</em>
            </dd>
            <dd>
              <a href="/Content/List/bae58226a1b6de18">活动报道</a><em>|</em>
            </dd>
            <dd>
              <a href="/Content/List/e35fe79a9e605650">寻亲故事</a><em>|</em>
            </dd>
          </dl>
        </li>
        <li id="m9" class="has_dl">
          <a href="/Content/List/455361d0db2db98" class="navA">关于我们</a>
          <dl>
            <dd>
              <a href="/Content/List/845c024095676557">发起人</a><em>|</em>
            </dd>
            <dd>
              <a href="/Content/List/a84002f708098d3a">天涯寻亲</a><em>|</em>
            </dd>
            <dd>
              <a href="/Content/List/34f61a4294f9fe5c">爱心招募</a><em>|</em>
            </dd>
            <dd>
              <a href="/Content/List/c0798aa3c5126fce">网上留言</a><em>|</em>
            </dd>
            <dd>
              <a href="/Content/List/3478d5277f747e30">爱心链接</a><em>|</em>
            </dd>
            <dd><a href="/Content/List/bcb9fa4dad84d7ad">联系我们</a></dd>
          </dl>
        </li>
        <li id="m10" class="has_dl">
          <a href="/Content/List/28bef9d04455649e" class="navA">常见问题</a>
          <dl>
            <dd>
              <a href="/Content/List/5dbd612d48f04d15">寻亲指南</a><em>|</em>
            </dd>
            <dd>
              <a href="/Content/List/5b4034a9d43f17ea">登记流程</a><em>|</em>
            </dd>
            <dd><a href="/Content/List/90ecd9a40d5805e8">防拐常识</a></dd>
          </dl>
        </li>
      </ul>
      <div class="clear"></div>
    </nav>
  </div>
</template>

<script>
export default {
  name: "ProjectXunqinIndex",

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.Topnav {
  width: 1070px;
  border-top: 1px solid #dddddd;
  float: right;
}
li {
  float: left;
  padding: 0 20px;
  background: url(./images/top_nav_liline.png) no-repeat right center;
  line-height: 59px;
}
li .navA {
  font-size: 15px;
  display: inline-block;
}
li .navA:hover,
li .navA.aon {
  color: #e60012;
  font-weight: bold;
  border-top: 3px solid #e60012;
  line-height: 54px;
}
li#m1 {
  padding-left: 0;
}
li#m10 {
  padding-right: 0;
  background: none;
}
li dl {
  position: absolute;
  display: none;
  top: 100%;
  line-height: 44px;
  color: #606060;
}
dl:hover {
  display: block;
}
li dd {
  float: left;
}
li dd em {
  font-style: normal;
  color: #606060;
  padding: 0 15px;
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  color: #d0ccbb;
}
li dl a {
  color: #606060;
}
li dd a:hover {
  color: #e60012;
}
.subnavbg {
  background: url(./images/top_navbg.png);
  height: 44px;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 10;
  width: 100%;
  display: none;
}
li#m8 dl,
li#m9 dl,
li#m10 dl {
  right: 0;
}

</style>